<template>
  <div>
    <div class="wrapper">
      <div class="tab-nav">
        <div class="wrapper">
          <ul class="fl sui-nav nav-tabs navbar-dark">
            <li class="active">
              <a href="#index" data-toggle="tab">首页</a>
            </li>
            <li>
              <a href="#php" data-toggle="tab">Php</a>
            </li>
            <li>
              <a href="#js" data-toggle="tab">Javascript</a>
            </li>
            <li>
              <a href="#python" data-toggle="tab">Python</a>
            </li>
            <li>
              <a href="#java" data-toggle="tab">Java</a>
            </li>
          </ul>
          <span class="fr more">
            <a href="~/assets/qa-allTag.html" target="_blank">更多</a>
          </span>
          <div class="clearfix"></div>
        </div>
      </div>
      <!--两列布局-->
      <div class="wrapper qa-content">
        <div class="fl left-list">
          <div class="tab-content">
            <div id="index" class="tab-pane active">
              <div class="tab-bottom-line">
                <ul class="sui-nav nav-tabs">
                  <li class="active">
                    <a href="#new" data-toggle="tab">最新回答</a>
                  </li>
                  <li>
                    <a href="#hot" data-toggle="tab">热门回答</a>
                  </li>
                  <li>
                    <a href="#wait" data-toggle="tab">等待回答</a>
                  </li>
                </ul>
                <div class="qa-list">
                  <div class="tab-content">
                    <div id="new" class="tab-pane active">
                      <ul class="detail-list">
                        <li class="qa-item">
                          <div class="fl record">
                            <div class="number">
                              <div class="border useful">
                                <p class="usenum">12</p>
                                <p>有用</p>
                              </div>
                              <div class="border answer">
                                <p class="ansnum">9</p>
                                <p>回答</p>
                              </div>
                            </div>
                          </div>
                          <div class="fl info">
                            <div class="question">
                              <p class="author">
                                <span class="name">luckness</span>
                                <span>3</span>分钟前回答
                              </p>
                              <p class="title">
                                <a href="~/assets/qa-detail.html" target="_blank">有关PHP初级进阶的问题？</a>
                              </p>
                            </div>
                            <div class="other">
                              <ul class="fl sui-tag">
                                <li>Php</li>
                                <li>Javascript</li>
                              </ul>
                              <div class="fr brower">
                                <p>
                                  浏览量 50 | 2017-07-05 15:09 来自
                                  <a href="#">毕鹏</a>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="clearfix"></div>
                        </li>
                        <li class="qa-item">
                          <div class="fl record">
                            <div class="number">
                              <div class="border useful">
                                <p class="usenum">12</p>
                                <p>有用</p>
                              </div>
                              <div class="border answer">
                                <p class="ansnum">9</p>
                                <p>回答</p>
                              </div>
                            </div>
                          </div>
                          <div class="fl info">
                            <div class="question">
                              <p class="author">
                                <span class="name">牛奶糖</span>
                                <span>3</span>分钟前回答
                              </p>
                              <p class="title">
                                <a
                                  href="~/assets/qa-detail.html"
                                  target="_blank"
                                >springMVC的controller接收json数据失败</a>
                              </p>
                            </div>
                            <div class="other">
                              <ul class="fl sui-tag">
                                <li>Php</li>
                                <li>Javascript</li>
                              </ul>
                              <div class="fr brower">
                                <p>
                                  浏览量 50 | 2017-07-05 15:09 来自
                                  <a href="#">毕鹏</a>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="clearfix"></div>
                        </li>
                        <li class="qa-item">
                          <div class="fl record">
                            <div class="number">
                              <div class="border useful">
                                <p class="usenum">12</p>
                                <p>有用</p>
                              </div>
                              <div class="border answer">
                                <p class="ansnum">9</p>
                                <p>回答</p>
                              </div>
                            </div>
                          </div>
                          <div class="fl info">
                            <div class="question">
                              <p class="author">
                                <span class="name">大白兔</span>
                                <span>3</span>分钟前回答
                              </p>
                              <p class="title">
                                <a href="~/assets/qa-detail.html" target="_blank">监听器中timer查询数据库</a>
                              </p>
                            </div>
                            <div class="other">
                              <ul class="fl sui-tag">
                                <li>Php</li>
                                <li>Javascript</li>
                              </ul>
                              <div class="fr brower">
                                <p>
                                  浏览量 50 | 2017-07-05 15:09 来自
                                  <a href="#">毕鹏</a>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="clearfix"></div>
                        </li>
                        <li class="qa-item">
                          <div class="fl record">
                            <div class="number">
                              <div class="border useful">
                                <p class="usenum">34</p>
                                <p>有用</p>
                              </div>
                              <div class="border answer">
                                <p class="ansnum">9</p>
                                <p>回答</p>
                              </div>
                            </div>
                          </div>
                          <div class="fl info">
                            <div class="question">
                              <p class="author">
                                <span class="name">luckness</span>
                                <span>3</span>分钟前回答
                              </p>
                              <p class="title">
                                <a
                                  href="~/assets/qa-detail.html"
                                  target="_blank"
                                >服务器上安装了一个考试系统ASP.NET,安装完成后访问不了，求助</a>
                              </p>
                            </div>
                            <div class="other">
                              <ul class="fl sui-tag">
                                <li>Php</li>
                                <li>Javascript</li>
                              </ul>
                              <div class="fr brower">
                                <p>
                                  浏览量 50 | 2017-07-05 15:09 来自
                                  <a href="#">毕鹏</a>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="clearfix"></div>
                        </li>
                        <li class="qa-item">
                          <div class="fl record">
                            <div class="number">
                              <div class="border useful">
                                <p class="usenum">12</p>
                                <p>有用</p>
                              </div>
                              <div class="border answer">
                                <p class="ansnum">9</p>
                                <p>回答</p>
                              </div>
                            </div>
                          </div>
                          <div class="fl info">
                            <div class="question">
                              <p class="author">
                                <span class="name">牛奶糖</span>
                                <span>3</span>分钟前回答
                              </p>
                              <p class="title">
                                <a
                                  href="~/assets/qa-detail.html"
                                  target="_blank"
                                >springMVC的controller接收json数据失败</a>
                              </p>
                            </div>
                            <div class="other">
                              <ul class="fl sui-tag">
                                <li>Php</li>
                                <li>Javascript</li>
                              </ul>
                              <div class="fr brower">
                                <p>
                                  浏览量 50 | 2017-07-05 15:09 来自
                                  <a href="#">毕鹏</a>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="clearfix"></div>
                        </li>
                        <li class="qa-item">
                          <div class="fl record">
                            <div class="number">
                              <div class="border useful">
                                <p class="usenum">12</p>
                                <p>有用</p>
                              </div>
                              <div class="border answer">
                                <p class="ansnum">9</p>
                                <p>回答</p>
                              </div>
                            </div>
                          </div>
                          <div class="fl info">
                            <div class="question">
                              <p class="author">
                                <span class="name">大白兔</span>
                                <span>3</span>分钟前回答
                              </p>
                              <p class="title">
                                <a href="~/assets/qa-detail.html" target="_blank">监听器中timer查询数据库</a>
                              </p>
                            </div>
                            <div class="other">
                              <ul class="fl sui-tag">
                                <li>Php</li>
                                <li>Javascript</li>
                              </ul>
                              <div class="fr brower">
                                <p>
                                  浏览量 50 | 2017-07-05 15:09 来自
                                  <a href="#">毕鹏</a>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="clearfix"></div>
                        </li>
                      </ul>
                    </div>
                    <div id="hot" class="tab-pane">
                      <p>热门回答</p>
                    </div>
                    <div id="wait" class="tab-pane">
                      <p>等待回答</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="php" class="tab-pane">php</div>
            <div id="js" class="tab-pane">Javascript</div>
            <div id="python" class="tab-pane">python</div>
            <div id="java" class="tab-pane">java</div>
          </div>
        </div>
        <div class="fl right-tag">
          <div class="block-btn">
            <p>今天，有什么好东西要和大家分享么?</p>
            <a
              class="sui-btn btn-block btn-share"
              href="~/assets/qa-submit.html"
              target="_blank"
            >发布问题</a>
          </div>
          <div class="hot-tags">
            <div class="head">
              <h3 class="title">热门标签</h3>
            </div>
            <div class="tags">
              <ul class="sui-tag">
                <li>Php</li>
                <li>Javascript</li>
                <li>Gif</li>
                <li>Java</li>
                <li>C#</li>
                <li>iOS</li>
                <li>C++</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
</template>
<script>
import "~/assets/css/page-sj-qa-logined.css";
export default {};
</script>
